<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left">
                <img navBackButton src="assets/imgs/return.svg" alt="">
            </ion-buttons>
            <ion-title>{{ roomInfo.areaName }}{{ roomInfo.meterName }}</ion-title>
        </ion-toolbar>
    </header-component>
</ion-header>
<ion-content class="installSelect">
    <section>
        <div class="meter-title">
            <label>仪表：<span>{{ roomInfo.meterName }}</span></label>
        </div>
        <div class="isChildSensor" *ngIf="type === 'isChildSensor'">
            <select-option [options]="Style" (selectedObj)="selectedObj($event)"></select-option>
        </div>
        <div class="isPIOM" *ngIf="type === 'isPIOM'">
            <div class="meter-obj" *ngFor="let data of meterStatus;let i = index;" [hidden]="!deviceList[i]">
                <div class="meter-name">
                    <label for="">{{ data.title }}</label>
                    <span>{{ data.Monitor.deviceName }}</span>
                </div>
                <div class="meter-status">
                    <span *ngFor="let item of data.Monitor.stateList;let i=index;" [ngClass]="{ 'more' :  data.Monitor.stateList.length > 3}">
                        <ion-checkbox disabled="{{ item.disabled }}" [(ngModel)]="item.sTrue"></ion-checkbox>
                        <i>{{ item.pName }}</i>
                    </span>
                </div>
            </div>
        </div>
        <div class="meter-share" *ngIf="deviceList.length > 1">
            <div class="share-title">
                <label>共用</label>
            </div>
            <div class="share-box">
                <button *ngFor="let data of checkStatu;let i = index" class="{{ data.className }}" (click)="checkStatus(data,i)" [ngClass]="{ 'active' : checkStatu[i].state, 'more' : checkStatu.length > 2 }">
                    <ion-icon [ngStyle]="{ 'left' : data.name === '手自动' ? '0' : '5px' }" name="checkmark" *ngIf="checkStatu[i].state"></ion-icon>{{ data.name }}
                </button>
            </div>
        </div>
        <button (click)="begin()">下一步</button>
    </section>
</ion-content>